<template>
  <div>
    <u-form-item label="合同附件：" class="box-preview-img">
      <view v-if="model.contractUrl && model.contractUrl.length" class="preview-img" @click="previewImg(model.contractUrl)">
        <text class="iconfont icon-tupianyulan"></text>
        <text>预览</text>
      </view>
      <xm-upload v-model="model.contractUrl" :count="10"></xm-upload>
    </u-form-item>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
  .box-preview-img{
    position: relative;
    .preview-img{
      position: absolute;
      top: 20rpx;
      right: 0;
      display: flex;
      align-items: center;
      color: $uni-subject-color;
      .icon-tupianyulan{
        margin-right: 10rpx;
        font-size: 36rpx
      }
    }
  }
</style>

